﻿@using Data.Video
@using Common.Utily
@model List<Video>
@{
    Video top = Model.FirstOrDefault();
    List<Video> lst1 = Model.Take(3).ToList();
    List<Video> lst2 = Model.Take(8).ToList();
    List<Video> lst3 = Model.Take(4).ToList(); 
    ViewBag.Title = "HIHOGAME.COM - Videos game Liên Minh Huyền Thoại.";
    ViewBag.Description = "hihogame.com - Videos game Liên Minh Huyền Thoại.";
}

<div id="content" class="  content-alignment">
    <div class="branded-page-v2-container branded-page-base-bold-titles branded-page-v2-container-flex-width branded-page-v2-secondary-column-hidden">

        <div class="branded-page-v2-col-container">
            <div class="branded-page-v2-col-container-inner">
                <div class="branded-page-v2-primary-col">
                    <div class="   yt-card  clearfix">
                        <div class="branded-page-v2-primary-col-header-container branded-page-v2-primary-column-content">
                        </div>
                        <div class="branded-page-v2-body branded-page-v2-primary-column-content" id="gh-activityfeed">
                            <div id="feed" class="">
                                <div id="feed-main-what_to_watch" class="individual-feed" data-feed-name="what_to_watch" data-feed-type="main">


                                    <div class="feed-container" data-filter-type="">

                                        <ul id="browse-items-primary" class="browse-items-primary">
                                            <li class="feed-item-container yt-section-hover-container browse-list-item-container branded-page-box">
                                                <div class="feed-item-dismissable ">
                                                    <div class="feed-item-main feed-item-no-author">
                                                        <div class="feed-item-main-content">
                                                            <div class="shelf-wrapper clearfix">
                                                                <div class="lohp-newspaper-shelf shelf-item yt-section-hover-container" data-sessionlink="ei=I5krVNnyB864ugTQ0YGgDA&amp;ved=CA4Q0R4">


                                                                    <div class="lohp-shelf-content">
                                                                        <div class="lohp-large-shelf-container">
                                                                            <div class="clearfix">

                                                                                <div class="">
                                                                                    <a href="/home/ChiTietTin/@top.YCode" class="ux-thumb-wrap yt-uix-sessionlink yt-fluid-thumb-link contains-addto lohp-thumb-wrap spf-link "  ><span class="video-thumb  yt-thumb yt-thumb-370 yt-thumb-fluid">
                                                                                        <span class="yt-thumb-default">
                                                                                            <span class="yt-thumb-clip">
                                                                                                <img src="//i.ytimg.com/vi/@top.YCode/hqdefault.jpg" aria-hidden="true" alt="" width="370">
                                                                                                <span class="vertical-align"></span>
                                                                                            </span>
                                                                                        </span>
                                                                                    </span>
                                                                                        <span class="video-time">1:05</span>
                                                                                    </a>
                                                                                    <a class="lohp-video-link max-line-3 yt-uix-sessionlink  spf-link  yt-ui-ellipsis yt-ui-ellipsis-3"   href="/home/ChiTietTin/MHEmO-kRCSs" title="@top.Title">@top.Title</a>

                                                                                </div>

                                                                                <div class="lohp-video-metadata">
                                                                                    <span class="content-uploader lohp-video-metadata-item  spf-link ">
                                                                                        <span class="username-prepend">by</span> <a href="/channel/@top.CateName" class="g-hovercard yt-uix-sessionlink yt-user-name " data-sessionlink="ei=I5krVNnyB864ugTQ0YGgDA" dir="ltr" data-ytid="UCi7GJNg51C3jgmYTUwqoUXA" data-name="">Team Coco</a>
                                                                                    </span>

                                                                                    <span class="view-count lohp-video-metadata-item">@StringUtils.FormatNumber(top.View) views
                                                                                    </span>

                                                                                    <span class="content-item-time-created lohp-video-metadata-item" title="@Strings.GetPrettyDate(top.Date)">@Strings.GetPrettyDate(top.Date)
                                                                                    </span>

                                                                                </div>
                                                                            </div>

                                                                        </div>

                                                                        <div class="lohp-medium-shelves-container">
                                                                            @foreach (var item in lst1)
                                                                            {
                                                                                <div class="lohp-medium-shelf spf-link ">

                                                                                    <div>
                                                                                        <div class="lohp-media-object">
                                                                                            <a href="/home/ChiTietTin/@item.YCode" class="ux-thumb-wrap yt-uix-sessionlink yt-fluid-thumb-link contains-addto lohp-thumb-wrap" ><span class="video-thumb  yt-thumb yt-thumb-170 yt-thumb-fluid">
                                                                                                <span class="yt-thumb-default">
                                                                                                    <span class="yt-thumb-clip">
                                                                                                        <img src="//i.ytimg.com/vi/@item.YCode/mqdefault.jpg" aria-hidden="true" alt="" width="170">
                                                                                                        <span class="vertical-align"></span>
                                                                                                    </span>
                                                                                                </span>
                                                                                            </span>
                                                                                                <span class="video-time">@item.TotalTime</span>
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="lohp-media-object-content lohp-medium-shelf-content">
                                                                                            <a class="lohp-video-link max-line-2 yt-uix-sessionlink  spf-link  yt-ui-ellipsis yt-ui-ellipsis-2" 
                                                                                              href="/home/ChiTietTin/@item.YCode" title="@item.Title">@item.Title</a>

                                                                                            <div class="lohp-video-metadata attached">
                                                                                                <span class="content-uploader   spf-link ">
                                                                                                    <span class="username-prepend">bởi</span> <a href="/channel/@item.CateName" class="g-hovercard yt-uix-sessionlink yt-user-name ">The Creators Project</a>
                                                                                                </span>

                                                                                            </div>
                                                                                            <div class="lohp-video-metadata">
                                                                                                <span class="view-count ">@StringUtils.FormatNumber(item.View) views
                                                                                                </span>

                                                                                                <span class="content-item-time-created " title="@Strings.GetPrettyDate(top.Date)">@Strings.GetPrettyDate(top.Date)
                                                                                                </span>

                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            }


                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="feed-item-container yt-section-hover-container browse-list-item-container branded-page-box">
                                                <div class="feed-item-dismissable ">
                                                    <div class="feed-item-main feed-item-no-author">
                                                        <div class="feed-item-main-content">
                                                            <div class="shelf-wrapper clearfix">


                                                                <div class="multirow-shelf shelf-item yt-section-hover-container" data-sessionlink="ei=I5krVNnyB864ugTQ0YGgDA&amp;ved=CBcQ3Bw">
                                                                    <div class="yt-uix-expander yt-uix-expander-collapsed">
                                                                        <h2 class="branded-page-module-title">
                                                                            <a href="/feed/recommended" class="yt-uix-sessionlink branded-page-module-title-link spf-nolink" data-sessionlink="ei=I5krVNnyB864ugTQ0YGgDA">
                                                                                <span class="branded-page-module-title-text">Recommended
                                                                                </span>

                                                                            </a>
                                                                        </h2>
                                                                        <ul class="shelf-content clearfix yt-uix-expander-body" data-context-subsource="">
                                                                            @foreach (var item in lst2)
                                                                            {
                                                                                <li class="yt-shelf-grid-item">
                                                                                    <div class="yt-lockup clearfix  yt-lockup-video yt-lockup-grid">
                                                                                        <div class="yt-lockup-dismissable">
                                                                                            <div class="yt-lockup-thumbnail">
                                                                                                <a href="/home/ChiTietTin/@item.YCode" class="ux-thumb-wrap yt-uix-sessionlink yt-fluid-thumb-link contains-addto  spf-link " ><span class="video-thumb  yt-thumb yt-thumb-196 yt-thumb-fluid">
                                                                                                    <span class="yt-thumb-default">
                                                                                                        <span class="yt-thumb-clip">
                                                                                                            <img src="http://i.ytimg.com/vi/@item.YCode/mqdefault.jpg" aria-hidden="true" alt="" width="196"  >
                                                                                                            <span class="vertical-align"></span>
                                                                                                        </span>
                                                                                                    </span>
                                                                                                </span>
                                                                                                    <span class="video-time">@item.TotalTime</span>
                                                                                                </a>

                                                                                            </div>
                                                                                            <div class="yt-lockup-content">
                                                                                                <h3 class="yt-lockup-title"><a class="yt-uix-sessionlink yt-uix-tile-link  spf-link  yt-ui-ellipsis yt-ui-ellipsis-2" dir="ltr" title="@item.Title"   href="/home/ChiTietTin/@item.YCode">@item.Title</a></h3>

                                                                                                <div class="yt-lockup-meta">
                                                                                                    <ul class="yt-lockup-meta-info">
                                                                                                        <li>by <a href="/channel/UCvn9q2DkVlmDwBEYGWSIHoQ" class="g-hovercard yt-uix-sessionlink yt-user-name  spf-link " dir="ltr"   data-name="g-high-rec">Anfield023</a></li>
                                                                                                        <li>@StringUtils.FormatNumber(top.View) views</li>
                                                                                                        <li class="yt-lockup-deemphasized-text">2 years ago</li>
                                                                                                    </ul>
                                                                                                </div>
                                                                                            </div>

                                                                                        </div>
                                                                                        <div class="yt-lockup-notifications-container"></div>
                                                                                    </div>
                                                                                </li>
                                                                            }
                                                                        </ul>
                                                                        <div class="yt-uix-expander-head">
                                                                            <span class="multirow-shelf-expander">Show more
                                                                            </span>
                                                                            <span class="multirow-shelf-collapser">Show fewer
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                                </div>




                                                            </div>



                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="feed-item-dismissal-notices">
                                                    <div class="feed-item-dismissal feed-item-dismissal-hide hid">This item has been hidden</div>
                                                </div>
                                            </li>


                                            <li class="feed-item-container yt-section-hover-container browse-list-item-container branded-page-box vve-check " data-sessionlink="ei=I5krVNnyB864ugTQ0YGgDA">
                                                <div class="feed-item-dismissable ">
                                                    <div class="feed-item-main feed-item-no-author">
                                                        <div class="feed-item-main-content">
                                                            <div class="shelf-wrapper clearfix">



                                                                <div class="compact-shelf shelf-item yt-uix-shelfslider yt-uix-shelfslider-at-head vve-check clearfix  yt-section-hover-container feeds-mode yt-uix-tdl" data-sessionlink="ei=I5krVNnyB864ugTQ0YGgDA&amp;ved=CHoQ3Bw" data-fold="1299.5,1201">
                                                                    <h2 class="branded-page-module-title">

                                                                        <a href="/user/SlickEntInc" class="yt-uix-sessionlink branded-page-module-title-link spf-nolink g-hovercard" data-ytid="UCD1FycQdJ-sM0DFIoBMa3Lw" data-sessionlink="ei=I5krVNnyB864ugTQ0YGgDA">
                                                                            <span class="video-thumb  yt-thumb yt-thumb-20">
                                                                                <span class="yt-thumb-square">
                                                                                    <span class="yt-thumb-clip">
                                                                                        <img data-thumb="https://yt3.ggpht.com/-AxTfDy4iFzc/AAAAAAAAAAI/AAAAAAAAAAA/TmhlWYPkNZw/s88-c-k-no/photo.jpg" src="https://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" aria-hidden="true" alt="" width="20" height="20">
                                                                                        <span class="vertical-align"></span>
                                                                                    </span>
                                                                                </span>
                                                                            </span>

                                                                            <span class="branded-page-module-title-text">SlickEntInc
                                                                            </span>

                                                                        </a>
                                                                        <span class="shelf-annotation shelf-title-annotation">Recommended channel
                                                                        </span>

                                                                    </h2>


                                                                    <div class="shelf-action-container">
                                                                        <span class="shelf-subscription-button yt-uix-button-subscription-container">
                                                                            <button class="yt-uix-button yt-uix-button-size-default yt-uix-button-subscribe-branded yt-uix-button-has-icon yt-uix-subscription-button yt-can-buffer" type="button" onclick=";return false;" aria-live="polite" aria-role="button" aria-busy="false" data-href="https://accounts.google.com/ServiceLogin?service=youtube&amp;continue=http%3A%2F%2Fwww.youtube.com%2Fsignin%3Fcontinue_action%3DQUFFLUhqbHdxUXJLRFYzdHBJM2FtRHJ3c1BVM1hOaE16d3xBQ3Jtc0ttb2xnNzN4cWxCUm54Z3BvTWZQdzlYdkJCYUNEMk5ZLWVkOUJMNzhGdG1OR1pHSHk0V3Nudzh4VXdmQ2FwZFN4MEJiX0lmVVRqOFJNSVl0OTMyelVvZ040cVF3VUVLWXR1em1INDByY1ZKM0NXWlY1dXdFUWhtclkzTE5ZcXc4Qlhjd090c1IxeGp3UFBPcnZqQVQ0ZUwtZ3NPT3Nab18xbFJRLW1tT01wc2ZNNXQ5dE15dkcxcUtIOVVWZURkRHBOcWkxNEI%253D%26action_handle_signin%3Dtrue%26next%3D%252Fchannel%252FUCD1FycQdJ-sM0DFIoBMa3Lw%26hl%3Den%26app%3Ddesktop%26feature%3Dsubscribe&amp;uilel=3&amp;hl=en&amp;passive=true" data-style-type="branded" data-sessionlink="ei=I5krVNnyB864ugTQ0YGgDA&amp;feature=homepage&amp;ved=CJsBEJsr" data-channel-external-id="UCD1FycQdJ-sM0DFIoBMa3Lw">
                                                                                <span class="yt-uix-button-icon-wrapper">
                                                                                    <img src="https://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" class="yt-uix-button-icon yt-uix-button-icon-subscribe yt-sprite"></span><span class="yt-uix-button-content"><span class="subscribe-label" aria-label="Subscribe">Subscribe</span><span class="subscribed-label" aria-label="Unsubscribe">Subscribed</span><span class="unsubscribe-label" aria-label="Unsubscribe">Unsubscribe</span> </span>
                                                                            </button>
                                                                            <span class="yt-subscription-button-subscriber-count-branded-horizontal" title="199" tabindex="0">199</span>  <span class="yt-subscription-button-disabled-mask" title=""></span>
                                                                        </span>
                                                                    </div>


                                                                    <div class="compact-shelf-content-container">
                                                                        <div class="yt-uix-shelfslider-body">
                                                                            <ul class="yt-uix-shelfslider-list">
                                                                                @foreach (var item in lst2)
                                                                                {
                                                                                     <li class="channels-content-item yt-shelf-grid-item yt-uix-shelfslider-item "> 
                                                                                        <div class="yt-lockup clearfix  yt-lockup-video yt-lockup-grid vve-check">
                                                                                            <div class="yt-lockup-dismissable">
                                                                                                <div class="yt-lockup-thumbnail">
                                                                                                    <a href="/home/ChiTietTin/QMEXc_ZT6Ak" class="ux-thumb-wrap yt-uix-sessionlink contains-addto  spf-link "  ><span class="video-thumb  yt-thumb yt-thumb-196">
                                                                                                        <span class="yt-thumb-default">
                                                                                                            <span class="yt-thumb-clip">
                                                                                                                <img   src="//i.ytimg.com/vi/@item.YCode/mqdefault.jpg" aria-hidden="true" alt="" width="196">
                                                                                                                <span class="vertical-align"></span>
                                                                                                            </span>
                                                                                                        </span>
                                                                                                    </span>
                                                                                                        <span class="video-time">@item.TotalTime</span>
                                                                                                    </a>

                                                                                                </div>
                                                                                                <div class="yt-lockup-content">
                                                                                                    <h3 class="yt-lockup-title"><a class="yt-uix-sessionlink yt-uix-tile-link  spf-link  yt-ui-ellipsis yt-ui-ellipsis-2" dir="ltr" title="@item.Title"  href="/home/ChiTietTin/QMEXc_ZT6Ak">@item.Title</a></h3>

                                                                                                    <div class="yt-lockup-meta">
                                                                                                        <ul class="yt-lockup-meta-info">
                                                                                                            <li>by <a href="/channel/UCD1FycQdJ-sM0DFIoBMa3Lw" class="g-hovercard yt-uix-sessionlink yt-user-name  spf-link " >SlickEntInc</a></li>
                                                                                                            <li>@StringUtils.FormatNumber(top.View) views</li>
                                                                                                            <li class="yt-lockup-deemphasized-text">4 days ago</li>
                                                                                                        </ul>
                                                                                                    </div> 
                                                                                                </div> 
                                                                                            </div>
                                                                                            <div class="yt-lockup-notifications-container"></div> 
                                                                                        </div> 
                                                                                    </li> 
                                                                                } 
                                                                            </ul>
                                                                        </div>


                                                                        <button class="yt-uix-button yt-uix-button-size-default yt-uix-button-shelf-slider-pager yt-uix-shelfslider-prev" type="button" onclick=";return false;">
                                                                            <span class="yt-uix-button-content">
                                                                                <img src="https://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" data-tooltip-text="Previous" class="yt-uix-shelfslider-prev-arrow yt-uix-tooltip yt-sprite">
                                                                            </span>
                                                                        </button>
                                                                        <button class="yt-uix-button yt-uix-button-size-default yt-uix-button-shelf-slider-pager yt-uix-shelfslider-next" type="button" onclick=";return false;">
                                                                            <span class="yt-uix-button-content">
                                                                                <img src="https://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" data-tooltip-text="Next" class="yt-uix-shelfslider-next-arrow yt-uix-tooltip yt-sprite">
                                                                            </span>
                                                                        </button>
                                                                    </div>

                                                                </div>


                                                                <span class="feed-item-action-menu ">


                                                                    <button type="button" class="flip hide-until-delayloaded yt-uix-button yt-uix-button-action-menu yt-uix-button-size-default yt-uix-button-has-icon yt-uix-button-empty" onclick=";return false;" data-button-has-sibling-menu="True" role="button" aria-pressed="false" aria-expanded="false" aria-haspopup="true" aria-activedescendant="" aria-label="Actions for this feed item">
                                                                        <span class="yt-uix-button-icon-wrapper">
                                                                            <img src="https://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" class="yt-uix-button-icon yt-uix-button-icon-action-menu yt-sprite"></span><img src="https://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" class="yt-uix-button-arrow yt-sprite"><ul class=" yt-uix-button-menu yt-uix-button-menu-action-menu" role="menu" aria-haspopup="true" style="display: none;">
                                                                                <li role="menuitem" id="aria-id-5809926825"><span aria-label="Removes the selected feed item from the feed." onclick=";return false;" data-dismissal-token="CAESZEFGQUI5emZwSTN0VWVrblJtUHUyUEtBU1ZJOFUwd3dZWDBGU01GUGttZjZkUUpUakJBSUY3V0lpbUFDMVN5NS05SzR2YVpVai1JRjg3VWd2NnQ5SlVTaGVwc0tqRHhvRGFlMnc%3D" class="dismiss-menu-choice yt-uix-button-menu-item" data-action="hide">Hide these videos</span></li>
                                                                            </ul>
                                                                    </button>
                                                                    <div class="yt-uix-overlay hid">
                                                                        <div class="  yt-uix-overlay-target yt-uix-overlay-never-show-confirmation hid">
                                                                        </div>
                                                                        <div class="yt-dialog hid ">
                                                                            <div class="yt-dialog-base">
                                                                                <span class="yt-dialog-align"></span>
                                                                                <div class="yt-dialog-fg">
                                                                                    <div class="yt-dialog-fg-content">
                                                                                        <div class="yt-dialog-header">
                                                                                            <h2 class="yt-dialog-title">Permanently remove this section?


                                                                                            </h2>
                                                                                        </div>
                                                                                        <div class="yt-dialog-loading">
                                                                                            <div class="yt-dialog-waiting-content">
                                                                                                <div class="yt-spinner-img"></div>
                                                                                                <div class="yt-dialog-waiting-text">Loading...</div>
                                                                                            </div>

                                                                                        </div>
                                                                                        <div class="yt-dialog-content">
                                                                                            <p class="shelf-dismissal-confirmation">
                                                                                                Are you sure you want to remove this section? You can't undo this.
                                                                                            </p>

                                                                                            <div class="yt-uix-overlay-actions">
                                                                                                <button class="yt-uix-button yt-uix-button-size-default yt-uix-button-default yt-uix-overlay-close action-never-show-in-feed" type="button" onclick=";return false;"><span class="yt-uix-button-content">Remove section </span></button>
                                                                                                <button class="yt-uix-button yt-uix-button-size-default yt-uix-button-primary yt-uix-overlay-close" type="button" onclick=";return false;"><span class="yt-uix-button-content">Cancel </span></button>
                                                                                            </div>

                                                                                        </div>
                                                                                        <div class="yt-dialog-working">
                                                                                            <div class="yt-dialog-working-overlay"></div>
                                                                                            <div class="yt-dialog-working-bubble">
                                                                                                <div class="yt-dialog-waiting-content">
                                                                                                    <div class="yt-spinner-img"></div>
                                                                                                    <div class="yt-dialog-waiting-text">Working...</div>
                                                                                                </div>
                                                                                            </div>

                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>


                                                                    </div>

                                                                </span>



                                                            </div>



                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="feed-item-dismissal-notices">
                                                    <div class="feed-item-dismissal feed-item-dismissal-hide hid">This item has been hidden</div>
                                                </div>
                                            </li> 
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

